<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>电气设备安装流程管理系统 － 管理者</title>
<!-- Bootstrap Styles-->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- FontAwesome Styles-->
<link href="assets/css/font-awesome.css" rel="stylesheet" />
<!-- Morris Chart Styles-->

<!-- Custom Styles-->
<link href="assets/css/custom-styles.css" rel="stylesheet" />
<!-- TABLE STYLES-->
<link href="assets/js/dataTables/dataTables.bootstrap.css"
	rel="stylesheet" />
<link href="assets/css/admin.css"
	rel="stylesheet" />
</head>
<body class="user_manager">
	<div id="wrapper">
		<nav class="navbar navbar-default top-navbar" role="navigation">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".sidebar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html"><strong>电气管理系统</strong></a>
			</div>

			<ul class="nav navbar-top-links navbar-right">
				<!-- /.dropdown -->
				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown" href="#" aria-expanded="false"> <i
						class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
				</a>
					<ul class="dropdown-menu dropdown-user">
						<li><a href="user_logout.html"><i class="fa fa-sign-out fa-fw"></i>
								Logout</a></li>
					</ul> <!-- /.dropdown-user --></li>
				<!-- /.dropdown -->
			</ul>
		</nav>
		<!--/. NAV TOP  -->
		<nav class="navbar-default navbar-side" role="navigation">
			<div class="sidebar-collapse">
				<ul class="nav" id="main-menu">

					<li><a href="user_operatorList.html" ><i
							class="fa fa-dashboard"></i> 安装人员管理</a></li>
					<li><a href="equipment_list.html"><i class="fa fa-desktop"></i>
							设备管理</a></li>
					<li><a href="user_center.html" class="active-menu"><i class="fa fa-bar-chart-o"></i>
							个人中心</a></li>

					<li><a href="workflow_list.html"><i class="fa fa-table"></i>安装信息管理</a></li>
					</li>

				</ul>

			</div>

		</nav>
		<!-- /. NAV SIDE  -->
		<div id="page-wrapper">
			<div class="header">
				<h3 class="page-header">
					<small>当前位置：个人中心 － ${user.name}</small>
				</h3>
			</div>
			<div id="page-inner">
				<div class="row" id="list" style="display: block;">
					<div class="col-md-12">
						<!-- Advanced Tables -->
						<div class="panel panel-default">
							<div class="panel-body">
								<div class="table-responsive">
									<a id="info" 
										class="btn btn-primary btn-sm">修改个人信息</a>
										<a id="pwd" 
										class="btn btn-primary btn-sm">修改密码</a>
									<table class="table table-bordered dataTable table-hover">
										<tr>
											<td>员工号</td>
											<td>${user.account}</td>
										</tr>
										<tr>
											<td>姓名</td>
											<td>${user.name}</td>
										</tr>
										<tr>
											<td>联系方式</td>
											<td>${user.phone}</td>
										</tr>
										<tr>
											<td>家庭住址</td>
											<td>${user.address}</td>
										</tr>
									</table>

								</div>
							</div>
						</div>
						<!--End Advanced Tables -->
					</div>
				</div>
				<div class="row" id="forInfo" style="display: none;">
					<div class="col-lg-12">

						<div class="panel panel-default">
							<div class="panel-body">
								<div class="row">
									<div class="col-lg-6">
										<p>个人信息：</p>
									</div>
									<div class="col-lg-12">
										<a class="close" data-dismiss="modal">×</a>
									</div>
								</div>
								<hr>
								<div class="row">
									<div class="col-lg-12">
										<form class="form-horizontal" action="user_add.html" method="post">
											<input type="hidden" name="user.id" value="${user.id}">
											<input type="hidden" name="user.password" value="${user.password}">
											<input type="hidden" name="user.auth" value="${user.auth}">
											<div class="form-group">
												<label for="inputEmail3" class="col-sm-3 control-label">工号</label>
												<div class="col-sm-8">
													<input type="text" name="user.account" class="form-control"
														value="${user.account}" readonly>
												</div>
											</div>
											<div class="form-group">
												<label for="inputEmail3" class="col-sm-3 control-label">姓名</label>
												<div class="col-sm-8">
													<input type="text" name="user.name" class="form-control"
														value="${user.name}" required>
												</div>
											</div>
											<div class="form-group">
												<label for="inputEmail3" class="col-sm-3 control-label">联系方式</label>
												<div class="col-sm-8">
													<input type="text" name="user.phone" class="form-control"
														value="${user.phone }" required>
												</div>
											</div>
											<div class="form-group">
												<label for="inputEmail3" class="col-sm-3 control-label">家庭住址</label>
												<div class="col-sm-8">
													<input type="text" name="user.address" class="form-control" value="${user.address }" required>
												</div>
											</div>
											<div class="row">&nbsp;</div>
											
											<div class="row">
												<div class="col-lg-1 col-lg-offset-2">
													<button class="btn btn-warning submit">确定</button>
												</div>
												<div class="col-lg-1">
													<a class="btn btn-default close" data-dismiss="modal">取消</a>
												</div>
											</div>
										</form>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
								<div class="row" id="forPWD" style="display: none;">
					<div class="col-lg-12">

						<div class="panel panel-default">
							<div class="panel-body">
								<div class="row">
									<div class="col-lg-6">
										<p>修改密码：</p>
									</div>
									<div class="col-lg-12">
										<a class="close" data-dismiss="modal">×</a>
									</div>
								</div>
								<hr>
								<div class="row">
									<div class="col-lg-12">
										<form class="form-horizontal" >
											<div class="form-group">
												<label for="inputEmail3" class="col-sm-3 control-label">原始密码</label>
												<div class="col-sm-8">
													<input type="password" name="user.password" class="form-control old" required>
												</div>
											</div>
											<div class="form-group">
												<label for="inputEmail3" class="col-sm-3 control-label">新密码</label>
												<div class="col-sm-8">
													<input  type="password" name="newPWD" class="form-control first" required>
												</div>
											</div>
											<div class="form-group">
												<label for="inputEmail3" class="col-sm-3 control-label">请再次输入新密码</label>
												<div class="col-sm-8">
													<input type="password" class="form-control second" required>
												</div>
												
											</div>
											<div class="row">
												<div class="col-sm-offset-4 col-sm-4"><div class="info">请保持两次密码一致</div></div>
												<div class="col-sm-offset-4 col-sm-4"><div class="error">密码不正确</div></div>
											</div>
											
											<div class="row">
												<div class="col-lg-1 col-lg-offset-2">
													<a class="btn btn-warning submit">确定</a>
												</div>
												<div class="col-lg-1">
													<a class="btn btn-default close" data-dismiss="modal">取消</a>
												</div>
											</div>
										</form>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /. PAGE INNER  -->
		</div>
			<!-- /. PAGE WRAPPER  -->
			<!-- /. WRAPPER  -->
			<!-- JS Scripts-->
			<!-- jQuery Js -->
			<script src="assets/js/jquery-1.10.2.js"></script>
			<!-- Bootstrap Js -->
			<script src="assets/js/bootstrap.min.js"></script>
			<!-- Metis Menu Js -->
			<script src="assets/js/jquery.metisMenu.js"></script>
			<!-- DATA TABLE SCRIPTS -->
			<script src="assets/js/dataTables/jquery.dataTables.js"></script>
			<script src="assets/js/dataTables/dataTables.bootstrap.js"></script>
			<script>
				$(document).ready(function() {
					$('#dataTables-example').dataTable();
				});
			</script>
			<script src="assets/js/admin_user.js"></script>
</body>
</html>
